<?php 
include  "../protegido/protected.php";
//session_start();
?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Prestamo Libro</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">

	<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
	<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
	<!--script src="js/less-1.3.3.min.js"></script-->
	<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
	
	<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="../bootstrap/css/style.css" rel="stylesheet">
	

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../bootstrap/img/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../bootstrap/img/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../bootstrap/img/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href="../bootstrap/img/apple-touch-icon-57-precomposed.png">
  <link rel="shortcut icon" href="../bootstrap/img/Limasys2.1.png">
  
	<script type="text/javascript" src="../bootstrap/js/jquery.min.js"></script>
	<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../bootstrap/js/scripts.js"></script>
	
    

	<script>
	$(document).ready(function(){
	
		// generamos un evento cada vez que se pulse una tecla
		$("#id").keyup(function(){
		
			// enviamos una petición al servidor mediante AJAX enviando el id
			// introducido por el usuario mediante POST
			$.post("miarchivo.php", {"id":$("#id").val()}, function(data){
			
				// Si devuelve un nombre lo mostramos, si no, vaciamos la casilla
				if(data.nombre)
					$("#nombre").val(data.nombre);
				else
					$("#nombre").val("");
					
				// Si devuelve un apellido lo mostramos, si no, vaciamos la casilla
				if(data.Edicion)
					$("#Edicion").val(data.Edicion);
				else
					$("#Edicion").val("");

			},"json");
		});
	});
	</script>
	
	<style>
	#miFormulario span {width:100px;display:inline-block;}
	</style>
<!--Segundo head-->
<script>
	$(document).ready(function(){
	
		// generamos un evento cada vez que se pulse una tecla
		$("#idE").keyup(function(){
		
			// enviamos una petición al servidor mediante AJAX enviando el id
			// introducido por el usuario mediante POST
			$.post("miarchivo2.php", {"idE":$("#idE").val()}, function(data){
			
				// Si devuelve un nombre lo mostramos, si no, vaciamos la casilla
				if(data.nombreE)
					$("#nombreE").val(data.nombreE);
				else
					$("#nombreE").val("");
					
				// Si devuelve un apellido lo mostramos, si no, vaciamos la casilla
				if(data.Apellidos)
					$("#Apellidos").val(data.Apellidos);
				else
					$("#Apellidos").val("");

			},"json");
		});
	});
	</script>
	
	<style>
	#miFormulario2 span {width:100px;display:inline-block;}
	</style>
	<!--tercera secciom head-->
<script>
	$(document).ready(function(){
	
		// generamos un evento cada vez que se pulse una tecla
		$("#txtidlibro").keyup(function(){
		
			// enviamos una petición al servidor mediante AJAX enviando el id
			// introducido por el usuario mediante POST
			$.post("miarchivo3.php", {"txtidlibro":$("#txtidlibro").val()}, function(data){
			
				// Si devuelve un id usuario lo mostramos, si no, vaciamos la casilla
				if(data.txtidUser)
					$("#txtidUser").val(data.txtidUser);
				else
					$("#txtidUser").val("");
					
				// Si devuelve un fecha prestamo lo mostramos, si no, vaciamos la casilla
				if(data.dtPrestamo)
					$("#dtPrestamo").val(data.dtPrestamo);
				else
					$("#dtPrestamo").val("");
                // Si devuelve un apellido lo mostramos, si no, vaciamos la casilla
				if(data.dtDevo)
					$("#dtDevo").val(data.dtDevo);
				else
					$("#dtDevo").val("");
			},"json");
		});
	});
	</script>
	
	<style>
	#miFormulario3 span {width:100px;display:inline-block;}
	</style>
</head>

<body>
<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column ">
			<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><!-- navbar-default acomoda el menu  //navbar-inverse navbar-fixed-top//-->
				<div class="navbar-header">
					 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="#">
					 	 <a class="navbar-brand" href="index.html">
                         <img src="../bootstrap/img/logo.png" alt="" />
                        </a>

					 </a>
				</div>
				
				<div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav ">
						<li >
							<a href="../menuAdmin/index.html"><strong class="glyphicon glyphicon-list "></strong> Inicio</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <strong class="glyphicon glyphicon-check"></strong> Usuarios<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									<a href="../usuarios/administrador/index.php">Administrador</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="../usuarios/estudiante/index.php">Estudiante</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="../usuarios/profesor/index.php">Profesores</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="../libro/index.php"> <strong class="glyphicon glyphicon-book"></strong> Libro</a>
						</li>

						<li class="active">
							<a href="../prestamoLibros/index.php" class="btn btn-primary"> <strong class="glyphicon glyphicon-tags"></strong> Prestamo de Libro</a>
						</li>
						<!--
						<li class="dropdown">
							 <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <strong class="glyphicon glyphicon-tags"></strong> Prestamo de Libro<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">1lcdldca</a>
								</li>
								<li>
									<a href="#">2,.asc,.as,.c,.as</a>
								</li>
								<li>
									<a href="#">3a,as,xa,.sc,.a</a>
								</li>
								<li class="divider">
								</li>
								<li>
									<a href="#">4,as,as,</a>
								</li>
								<li class="divider">
								</li>
								<li>
									<a href="#">5</a>
								</li>
							</ul>
						</li>
						-->
						<li>
							<a href="../BibliotecaVirtual/index.php"><strong class="glyphicon glyphicon-list-alt"></strong> Biblioteca Virtual</a>
						
						</li>
						<!--
						<li>
							<a href="#"><strong class="glyphicon glyphicon-phone"></strong> Material Tecnologico</a>
						</li>
						<li>
							<a href="#"><strong class="glyphicon glyphicon-new-window"></strong> Prestamo Material Tecnologico</a>
						</li>
						-->
						<li>
							<a href="../Reportes/index.php"><strong class="glyphicon glyphicon-folder-open"></strong> Reportes</a>
						</li>
						<li>
							<a href="#"><strong class="glyphicon glyphicon-question-sign"></strong> Ayuda</a>
						</li>
					</ul>
					<!--<form class="navbar-form navbar-left" role="search">
						<div class="form-group">
							<input type="text" class="form-control">
						</div> <button type="submit" class="btn btn-default">Submit</button>
					</form>-->
					<ul class="nav navbar-nav navbar-right">
						
						<li class="dropdown">
							 <a href="#" class="dropdown-toggle" data-toggle="dropdown"><strong class="glyphicon glyphicon-user"></strong></a>
							<ul class="dropdown-menu dropdown-user">
							
								<li>
									<a href="../Protegido/logoutAdmin.php">Salir</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				
			</nav>
                </div>
                </div>
                </div>
     <div class="container">
	<div class="row clearfix">
<div class="col-md-6 column ">
<br>
<br>
<br>
<br>
<hr>
<h1> Prestamo de Libro</h1>
<hr>
<div  class="container-fluid">
<div class="table">
                 <form action="prestarlibro.php"  method="post">
                           <table name="miFormulario" id="miFormulario">
                           <h3>Datos del Libro</h3>
                              <tr>
                                  <td>Id Libro : </td>
                                  <td>
                                      <input  placeholder="Ingrese el ID del Libro"  class="form-control" type="text" id="id" name="id" required>
                                  </td>
                              </tr>
                              <tr>
                                  <td>Nombre : </td>
                                  <td>
                                      <input type="text"autocomplete="off" class="form-control" type="text" id="nombre" name="nombre" readonly required>
                                  </td>
                              </tr>
                               <tr>
                                  <td>Edicion : </td>
                                  <td>
                                      <input type="text" autocomplete="off" class="form-control" type="text" id="Edicion" name="Edicion" readonly required>
                                  </td>
                              </tr>
                          </table>
                          <hr>
                          <table name="miFormulario2" id="miFormulario2">
                          <h3>Datos del Usuario</h3>
                              <tr>
                                  <td>Cedula : </td>
                                  <td>
                                      <input  placeholder="Ingrese La Cedula del Estudiante"  class="form-control" type="text" id="idE" name="idE" required>
                                  </td>
                              </tr>
                              <tr>
                                  <td>Nombre : </td>
                                  <td>
                                      <input type="text"autocomplete="off" class="form-control" type="text" id="nombreE" name="nombreE" readonly required>
                                  </td>
                              </tr>
                               <tr>
                                  <td>Apellidos : </td>
                                  <td>
                                      <input type="text" autocomplete="off" class="form-control" type="text" id="Apellidos" name="Apellidos" readonly required>
                                  </td>
                              </tr>
                             
                              
                          </table>
                           <hr>
                          <table>
                          <h3>Datos del Prestamo</h3>
                          	<tr>
                                  <td>Fecha Actual: </td>
                                  <td>
                                      <?php
                                       date_default_timezone_set("America/Costa_Rica");
                                      

                                      ?>

                                      <input  class="form-control" type="datetime" id="txtfechaA" name="txtfechaA" value="<?php echo date("d/m/Y H:i:s");?>" readonly required>

                                  </td>
                              </tr>
                              <tr>
                                  <td>Fecha de Devolución: </td>
                                  <td>
                                      <input   class="form-control" type="datetime-local" id="txtfechaD" name="txtfechaD"  required>
                                  </td>
                              </tr>
                          </table>
                           
                                  <br>
                                      <input class="btn btn-primary" type="submit" id="btnProcesar" name="btnProcesar" value="Prestar Libro">
                                  
                                      <input class="btn btn-primary" type="reset" name="btnBorrar" id="btnBorrar" value="Borrar Formulario">
                                  
                            
                    </form>
</div>


		</div>
	</div>
<!--debolcion del libro-->
<div class="col-md-6 column ">
<br>
<br>
<br>
<br>
<hr>
<h1> Devolucion de Libro</h1>
<hr>
<div  class="container-fluid">
<div class="table">
                 <form action="devolucionlibro.php"  method="post">
                           <table name="miFormulario3" id="miFormulario3">
                           	<h3>Datos del Prestamo</h3>
                              <tr>
                                  <td>Id Libro : </td>
                                  <td>
                                      <input  placeholder="Ingrese La Id del Libro"  class="form-control" type="text" id="txtidlibro" name="txtidlibro" required>
                                  </td>
                              </tr>
                              <tr>
                                  <td>Id Usuario : </td>
                                  <td>
                                      <input type="text"autocomplete="off" class="form-control" type="text" id="txtidUser" name="txtidUser" readonly>
                                  </td>
                              </tr>
                               <tr>
                                  <td>Fecha del Prestamo : </td>
                                  <td>
                                      <input type="datetime" autocomplete="off" class="form-control" type="text" id="dtPrestamo" name="dtPrestamo" readonly>
                                  </td>
                              </tr>
                               <tr>
                                  <td>Fecha de la Devolucion : </td>
                                  <td>
                                      <input type="datetime" autocomplete="off" class="form-control" type="text" id="dtDevo" name="dtDevo" readonly>
                                  </td>
                              </tr>
                             
                              
                           </table>
                           <br>
                                      <input class="btn btn-primary" type="submit" id="btnfprestamo" name="btnfprestamo" value="Finalizar Prestamo">
                                  
                                      <input class="btn btn-primary" type="reset" name="btnBorrar" id="btnBorrar" value="Borrar Formulario">
                                  
                            
                    </form>
         </div>
              <br><br><br>  
              <hr>
                              <tr>
                                  <td>
                                      <a class="btn btn-success" aline="right" href="prestados.php" ><span class="glyphicon glyphicon-th" aria-hidden="true"></span> Lista de Libros Prestados</a>
                                  </td>
                                  <td>
                                  </td>
                              </tr>
                <hr>

		</div>
	</div>

</div>
</div>

<hr>
<br>
<div class="footer_btm"><!-- start footer_btm -->
  <div class="container">
    <div class="navbar navbar-default">

      
               
                <a class="navbar-brand" >
                    <img class="img-rounded" align="left" src="../bootstrap/img/barrainferios/limasys.png" alt="" />
                </a>
                <a class="navbar-brand" align="left">
                    <img <img class="img-rounded" align="left" src="../bootstrap/img/barrainferios/ctp.png" alt="" />
                </a>

               <a class="navbar-brand" align="left">
                    <img <img class="img-rounded" align="left" src="../bootstrap/img/barrainferios/una.png" alt="" />
                </a>

        <p class=""><span>&#169; Reservado todo los Derechos|2014| Diseñado por&nbsp;<a href="http://LYMASYS/"> Javier Villarreal y Josue Morales</a></span></p>
    </div>
  </div>
</div>
</body>
</html>
